<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="/libs/swiper/swiper.min.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <script src="/libs/jquery/jquery-3.5.1.min.js"></script>
    <link rel="stylesheet" href="/css/index.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header"></div>
    <!-- 轮播图 -->
    <div class="banner">
        <div class="bann">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#"><img src="/img/35076618.jpg" alt=""></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="/html/list.html"><img src="/img/48241653.jpg" alt=""></a>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <!-- Add Arrows -->
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
    </div>
    <!-- 内容 -->
    <div class="nav">
        <div class="nav-middle">
            <div class="top">
                <div class="top-top">
                    <span>雪肌精</span>
                </div>
                <div class="top-center">
                    <a href="#"><img src="./img/06501160.png" alt=""></a>
                </div>
                <div class="top-bottom">
                    <p><a href="#">查看更多</a></p>
                </div>
            </div>
            <div class="center">
                <dl>
                    <dt><a href="/html/shopping.html"><img src="/img/43002794.jpg" alt=""></a></dt>
                    <dd>雪肌精轻棉美容乳液</dd>
                    <dd>￥280</dd>
                </dl>
                <dl>
                    <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                    <dd>雪肌精轻棉美容乳液</dd>
                    <dd>￥280</dd>
                </dl>
                <dl>
                    <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                    <dd>雪肌精轻棉美容乳液</dd>
                    <dd>￥280</dd>
                </dl>
                <dl>
                    <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                    <dd>雪肌精轻棉美容乳液</dd>
                    <dd>￥280</dd>
                </dl>
            </div>
            <div class="between">
                <div class="between-top">
                    <span>茵菲妮</span>
                </div>
                <div class="between-center">
                    <a href="#"><img src="./img/03085013.jpg" alt=""></a>
                </div>
                <div class="between-bottom">
                    <p><a href="#">查看更多</a></p>
                </div>
                <div class="between-lower">
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                </div>
            </div>
            <div class="qsb">
                <div class="qsb-top">
                    <span>绮丝碧</span>
                </div>
                <div class="qsb-center">
                    <a href="#"><img src="./img/03245184.jpg" alt=""></a>
                </div>
                <div class="qsb-bottom">
                    <p><a href="#">查看更多</a></p>
                </div>
                <div class="qsb-lower">
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                </div>
            </div>
            <div class="my">
                <div class="my-top">
                    <span>谧雅</span>
                </div>
                <div class="my-center">
                    <a href="#"><img src="./img/03446311.jpg" alt=""></a>
                </div>
                <div class="my-bottom">
                    <p><a href="#">查看更多</a></p>
                </div>
                <div class="my-lower">
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/43002794.jpg" alt=""></a></dt>
                        <dd>雪肌精轻棉美容乳液</dd>
                        <dd>￥280</dd>
                    </dl>
                </div>
            </div>

            <div class="cazl">
                <div class="cazl-left">
                    <dl>
                        <dt><a href="#"><img src="/img/05256753.png" alt=""></a></dt>
                        <dd>宠爱甑礼</dd>
                        <dd>心动套装</dd>
                    </dl>
                </div>
                <div class="cazl-right"></div>
            </div>
        </div>
    </div>
    <!-- 脚 -->
    <div class="footer"></div>
    <script type="text/javascript">
        $('.header').load('html/modules/header.html'),
            $('.footer').load('html/modules/footer.html')
    </script>

    <script src="/libs/bootstrap/js/bootstrap.min.js"></script>
    <script src="/libs/require/require.min.js" data-main="/js/index.js"></script>
</body>

</html>